<template>
	<view>

		<!-- 默认工地信息 -->
		<view class="projectDefault_box">
			<!-- 默认工地名称 -->
			<view class="projectInfo_con" @click="goPage('/pages/worksite/worksiteHome')">
				<view class="projectSwitch" >
					<image src="/static/projectIcon.png" mode="" class="projectIcon"></image>
					<view class="projectName">{{defaultWorksite.project_name?defaultWorksite.project_name:'未登录'}}</view>
					<u-icon name="arrow-down-fill" color="#262626" size="32"></u-icon>
				</view>
				<view class="projectType">
					<text  v-if="defaultWorksite.role==1">工人版</text>
					<text type="warning" v-if="defaultWorksite.role==2">带班版</text>
					<text type="error" v-if="defaultWorksite.role==5">老板版</text>
				</view>
			</view>

			<!-- 默认工地统计 -->
			<view class="projectStats_con">
				<view class="statsList_con">
					<view class="statsItem">
						<view class="statsLabel">总{{defaultWorksite.work_type_str}}</view>
						<view class="statsMoney">
							{{defaultWorksite.total_num}}
							<text class="num"
								v-if="defaultWorksite.overtime_hour>0">{{defaultWorksite.work_type_str}}</text>
							<text class="overHout" v-if="defaultWorksite.overtime_hour>0">+{{defaultWorksite.overtime_hour}}</text>
							<text class="overHout" v-if="defaultWorksite.overtime_hour>0">H</text>
						</view>
					</view>
					<view class="statsLine"></view>
					<view class="statsItem">
						<view class="statsLabel">总工资(元)</view>
						<view class="statsMoney">
							{{defaultWorksite.total_money}}
						</view>
					</view>
				</view>
				<view class="statsMoney_con">
					<image src="/static/moneyIcon.png" mode=""></image>
					<text>已支付：{{defaultWorksite.out_money}}元；剩余工资：{{defaultWorksite.no_money}}元</text>
				</view>
			</view>
		</view>

		<!-- 菜单 role：1工人、2带班、3老板 -->
		<view class="menuBox_box">
			<view class="menuHead_con">
				记工记账
			</view>
			<view class="menuList_con">
				<view class="menuItem" @click="goPage('/pages/keep/keepHome')">
					<view class="menuIcon">
						<image src="/static/index/menuIcon01.png" mode=""></image>
					</view>
					<view class="menuName">记工</view>
				</view>
				<view class="menuItem" @click="goPage('/pages/bill/billHome')">
					<view class="menuIcon">
						<image src="/static/index/menuIcon02.png" mode=""></image>
					</view>
					<view class="menuName">记账</view>
				</view>
				<view class="menuItem" @click="goPage('/pages/note/noteHome')">
					<view class="menuIcon">
						<image src="/static/index/menuIcon03.png" mode=""></image>
					</view>
					<view class="menuName">记备注</view>
				</view>
				<template v-if="defaultWorksite.role==1">
					<view class="menuItem" @click="goPage('/pages/statistics/statisticsHomeWorker')">
						<view class="menuIcon">
							<image src="/static/index/menuIcon04.png" mode=""></image>
						</view>
						<view class="menuName">总工资</view>
					</view>
					<view class="menuItem" @click="anxinjiDoing">
						<view class="menuIcon">
							<image src="/static/index/menuIcon04.png" mode=""></image>
						</view>
						<view class="menuName">安心记</view>
					</view>
				</template>
				<template v-else>
					<view class="menuItem"
						@click="toPageTable">
						<view class="menuIcon">
							<image src="/static/index/menuIcon04.png" mode=""></image>
						</view>
						<view class="menuName">查看报表</view>
					</view>
				</template>
			</view>
		</view>
		<view class="menuBox_box">
			<view class="menuHead_con">
				日常管理
			</view>
			<view class="menuList_con">
				<view class="menuItem" @click="goPage('/pages/worksite/worksiteHome')">
					<view class="menuIcon">
						<image src="/static/index/menuIcon05.png" mode=""></image>
					</view>
					<view class="menuName">工地管理</view>
				</view>

				<template v-if="defaultWorksite.role==2 || defaultWorksite.role==3">
					<view class="menuItem" @click="goPage('/pages/worker/workerHome')">
						<view class="menuIcon">
							<image src="/static/index/menuIcon06.png" mode=""></image>
						</view>
						<view class="menuName">{{defaultWorksite.role==2?'添加工人':'人员管理'}}</view>
					</view>
				</template>

				<template v-if="defaultWorksite.role==1">
					<!-- 工人设置工资 -->
					<view class="menuItem" v-if="defaultWorksite.role==1" @click="setSalary">
						<view class="menuIcon">
							<image src="/static/index/menuIcon07.png" mode=""></image>
						</view>
						<view class="menuName">工资设定</view>
					</view>
				</template>
				<template v-if="defaultWorksite.role!=1">
					<view class="menuItem" @click="goPage('/pages/worker/workerSet')">
						<view class="menuIcon">
							<image src="/static/index/menuIcon07.png" mode=""></image>
						</view>
						<view class="menuName">工资设定</view>
					</view>
				</template>

				<!-- <view class="menuItem" @click="toSalary">
					<view class="menuIcon">
						<image src="/static/index/menuIcon08.png" mode=""></image>
					</view>
					<view class="menuName">工资单</view>
				</view> -->

				<view class="menuItem" 
					@click="toSign">
					<view class="menuIcon">
						<image src="/static/index/menuIcon08.png" mode=""></image>
					</view>
					<view class="menuName">月底对工</view>
				</view>
			</view>
		</view>

		<!-- 信息完善提示弹窗 -->
		<!-- <view class="authPop_box" v-if="authShow">
			<view class="authPop_con">
				<view class="authIcon">
					<image src="/static/index/authIcon.png" mode=""></image>
				</view>
				<view class="authTit">信息个人完善</view>
				<view class="authDesc">完善个人信息，我们将带给您更好的线上记工体验。</view>
				<view class="authText">
					<text>根据国家工信部明文规定，互联网上一切用户包含工具类型的APP必须实名认证才能使用，请升级您的账号及实名认证，否则将无法使用本程序。</text>
				</view>
				<view class="authHandle">
					<view class="authCancel" @click="authShow = false">狠心放弃</view>
					<view class="authConfirm" @click="toUserEdit">立即完善</view>
				</view>
			</view>
		</view> -->
		
		<view class="vipShowBg" v-if="authShow"></view>
		<view class="vipShow" v-if="authShow" @click="toUserEdit">
			<image :src="'https://jg.vjigong.com/vipimg/vip.png?'+imgRand"   mode="widthFix"></image>
		</view>
		<view v-if="authShow" class="authCancel authCancelClose" @click="authShow = false">关闭</view>
		<!-- 设置工资组件 -->
		<Salary ref="salary" :workerIds="memberIds" :salaryBefore="salaryBefore" :overSalaryBefore="overSalaryBefore"></Salary>

	</view>
</template>

<script>
	import Salary from "@/components/worker/salary.vue"
	export default {
		components: {
			Salary
		},
		data() {
			return {
				// 当前月份
				month: this.$util.nowMonth(),
				userInfo:uni.getStorageSync('userInfo'),
				// 默认工地信息
				defaultWorksite: {
					in_money: 0,
					no_money: 0,
					project_name: "",
					total_money: 0,
					total_out: 0,
					month_out: 0,
					role: 1,
					total_num: 0,
					work_type_str: '工',
					out_money: 0,
					member_id: 0,
					overtime_hour: 0,
					
				},

				// 设定工资
				memberIds: '',
				
				salaryBefore:0,
				overSalaryBefore:0,
				// 信息完善提示弹窗
				authShow: false,
				imgRand:0,
			}
		},
		async onLoad(e) {
			var _this = this;
			console.log('==首页获取到参数==')
			console.log(e)
			if (e.leader_id) {
				_this.updateLeader(e.leader_id);
			}

			if (e.source) {
				_this.updateSource(e.source);
			}

			// 信息完善提示
			// setTimeout(function() {
			// 	_this.getDesktop();
			// }, 5000)
			
			
			// #ifdef APP-PLUS
			_this.getVersion();
			// #endif

		},
		async onShow() {
			var _this = this;
			_this.authShow=false;
			var token = uni.getStorageSync('token');
			if (!token) {
				await _this.$onLaunched;
			}
			
			_this.userInfo=uni.getStorageSync('userInfo');
			_this.getUserInfo();
			let platform = uni.getSystemInfoSync().platform;
			// if(_this.userInfo.is_vip_str=='--'){
			// 	_this.authShow=true;
				
			// }
			var defaultWorksite = uni.getStorageSync('defaultWorksite');
			if (defaultWorksite) {
				_this.defaultWorksite = JSON.parse(defaultWorksite);
			}
			_this.getDefaultWorksite();

			setTimeout(function() {
				_this.getRecordNew();
			}, 5000)
			
			
			_this.imgRand=Math.round(Math.random()*10);
			
			
		},
		onReady() {
			var _this = this;
			_this.getYearMonthList();
			setTimeout(function() {
				_this.updateAddress();
			}, 6000)
		},
		onShareAppMessage(res) {
			return {
				title: '记工本，简单易用的工地记工记账助手',
				path: '/pages/index/index',
				imageUrl: '/static/sharePic.jpg',
			}
		},
		onShareTimeline(res) {
			return {
				title: '记工本，简单易用的工地记工记账助手',
				path: '/pages/index/index',
				imageUrl: '/static/sharePic.jpg',
			}
		},
		methods: {
			
			
			// 获取用户信息
			getUserInfo() {
				var _this = this;
				_this.$u.get('/api/user.index/getDetail', {}).then(res => {
					uni.hideLoading();
					console.log("==获取用户信息==");
					console.log(res);
					if(res.data.isNotice==1){
						uni.setStorageSync('token','');
						uni.setStorageSync('userInfo', '');
						console.log('wx=============================9')
						uni.navigateTo({
							url:'/pages/login/loginWx'
						})
						return
					}
					uni.setStorageSync('userInfo', res.data);
					_this.userInfo = res.data;
					
					if(res.data.is_vip_str=='--'){
						_this.authShow=true;
						
					}
					
				}).catch(res => {
					console.log(res);
				})
			},
			
			toUserEdit(){
				this.authShow=false;
				var statusRole=this.vipRole();
				if(!statusRole){
					return;
				}
				// uni.navigateTo({
				// 	url:'/pages/user/userInfo'
				// })
			},
			
			//查看报表
			toPageTable(){
				var _this=this;
				var userInfo=_this.userInfo;
				var defaultWorksite=_this.defaultWorksite;
				
				var statusRole=this.vipRole();
				if(!statusRole){
					return;
				}
				// #ifdef APP-PLUS
					uni.navigateTo({
						url:'/pages/statistics/statisticsHome?role='+defaultWorksite.role
					})
				// #endif
				// #ifdef MP-WEIXIN
					uni.navigateTo({
						url:'/pages/statistics/statisticsHome?role='+defaultWorksite.role
					})
					
				// #endif
			},
			anxinjiDoing(){
				// #ifdef APP-PLUS
					// uni.showToast({
					// 	title:'调试中'
					// })
					uni.navigateTo({
						url:'/pages/watermarkCamera/watermarkCameraApp'
					})
				// #endif
				// #ifdef MP-WEIXIN
					uni.navigateTo({
						url:'/pages/watermarkCamera/watermarkCamera'
					})
				// #endif
				
			},
			//跳转到对工签字
			toSalary(){
				var _this=this;
				
				
				
				var defaultWorksite=_this.defaultWorksite;
				if(defaultWorksite.role==1){
					uni.navigateTo({
						url:'/pages/check/checkHome?member_id='+defaultWorksite.member_id+'&project_id='+defaultWorksite.project_id+'&role=1'
					})
				}else{
					uni.navigateTo({
						url:'/pages/worker/workerSelect?type=2'
					})
				}
				
				
			},
			
			//跳转到对工签字
			toSign(){
				var _this=this;
				var userInfo=_this.userInfo;
				var statusRole=this.vipRole();
				if(!statusRole){
					return;
				}
				// #ifdef MP-WEIXIN
				var defaultWorksite=_this.defaultWorksite;
				if(defaultWorksite.role==1){
					uni.navigateTo({
						url:'/pages/wage/wageHome?member_id='+defaultWorksite.member_id+'&project_id='+defaultWorksite.project_id
					})
				}else{
					uni.navigateTo({
						url:'/pages/worker/workerSelect?type=1'
					})
				}
				return;
				// #endif
			
				// #ifdef APP-PLUS
				var defaultWorksite=_this.defaultWorksite;
				if(defaultWorksite.role==1){
					uni.navigateTo({
						url:'/pages/wage/wageHome?member_id='+defaultWorksite.member_id+'&project_id='+defaultWorksite.project_id
					})
				}else{
					uni.navigateTo({
						url:'/pages/worker/workerSelect?type=1'
					})
				}
				// #endif
			},
			// 更新推荐人
			updateSource(source) {
				var _this = this;
				_this.$u.post('/api/index/sourceAdd', {
					type: source
				}).then(res => {
					console.log(res);
				}).catch(res => {
					console.log(res);
				})
			},

			// 更新推荐人
			updateLeader(leader_id) {
				var _this = this;
				_this.$u.post('/api/plus.leader/bind_leader', {
					leader_id: leader_id
				}).then(res => {
					console.log(res);
				}).catch(res => {
					console.log(res);
				})
			},

			// 选择月份
			monthChange(e) {
				console.log(e);
				this.month = e.detail.value;
			},

			// 工人设置工资
			setSalary() {
				var _this = this;
				var defaultWorksite = uni.getStorageSync('defaultWorksite');
				defaultWorksite = JSON.parse(defaultWorksite)
				_this.memberIds = _this.defaultWorksite.member_id;

				console.log(_this.memberIds)

				var salaryBefore=_this.defaultWorksite.salary;
				var overSalaryBefore=_this.defaultWorksite.overtime_salary;
				uni.navigateTo({
					url:'/pages/worker/workerSalary?workerIds='+_this.defaultWorksite.member_id+'&salaryBefore='+salaryBefore+'&overSalaryBefore='+overSalaryBefore
				})
			},
			// 设置工资回调
			getWorkerList() {
				//无用但是不能删除
			},

			// 更新用户地址信息信息
			updateAddress() {
				var _this = this;
				if (!uni.getStorageSync('province')) {
					return;
				}
				_this.$u.post('/api/user.index/add_do', {
					province: uni.getStorageSync('province'),
					city: uni.getStorageSync('city'),
					country: uni.getStorageSync('area'),
				}).then(res => {

				}).catch(res => {
					console.log(res);
				})
			},

			/**
			 * 核对数据的正确性
			 */
			checkData() {
				var _this = this;
				_this.$u.get('/api/project.repairdata/repairProjectAll', {
					project_id: _this.defaultWorksite.project_id
				}).then(res => {
					console.log(res)
					if (res.data == '1') {
						//_this.getDefaultWorksite();
					}
				})
			},

			// 获取默认工地
			getDefaultWorksite() {
				var _this = this;
				_this.$u.get('/api/project.index/getDefault', {}).then(res => {
					uni.hideLoading();
					console.log("==获取默认工地==");
					// console.log(res);
					var defaultWorksite = res.data;
					console.log(defaultWorksite)
					if (defaultWorksite.id == 0) {
						uni.navigateTo({
							url: '/pages/worksite/quickCreat/quickCreat'
						})
					}
					_this.defaultWorksite = defaultWorksite;
					// 缓存默认工地信息
					uni.setStorageSync('defaultWorksite', JSON.stringify(defaultWorksite));

					_this.salaryBefore = defaultWorksite.salary;
					_this.overSalaryBefore = defaultWorksite.overtime_salary;

					// 走一下工地缓存页面的数据
					setTimeout(function() {
						_this.getNoWorker();
					}, 1500)

					// 调用一下核对数据的接口
					if (defaultWorksite.id > 0) {
						_this.checkData();
					}

				})
			},

			// 获取未记工的工人
			getNoWorker() {
				var _this = this;
				_this.$u.get('/api/project.member/dayMember', {
					project_id: _this.defaultWorksite.project_id,
					days: '',
				}).then(res => {
					uni.hideLoading();
					var noWorkerList = res.data;
					for (var i = 0; i < noWorkerList.length; i++) {
						noWorkerList[i].selected = false;
					}

					uni.setStorageSync('noWorkerList', JSON.stringify(noWorkerList));
				}).catch(res => {
					console.log(res);
				})
			},

			// 获取年月数据
			getYearMonthList() {
				var _this = this;
				_this.$u.get('/api/project.monthdata/getYearAndMonth', {}).then(res => {
					console.log("==获取年月数据==");
					console.log(res);
					var yearList = res.data.year;
					var monthList = res.data.month;
					var monthListTwo = res.data.month2;
					// 缓存年月数据
					uni.setStorageSync('yearList', JSON.stringify(yearList));
					uni.setStorageSync('monthList', JSON.stringify(monthList));
					uni.setStorageSync('monthListTwo', JSON.stringify(monthListTwo));
				}).catch(res => {
					console.log(res);
				})
			},
			
			//开启会员限制
			vipRole(){
				var _this=this;
				
				//判断是否登陆
				var userInfo=uni.getStorageSync('userInfo');
				var token=uni.getStorageSync('token');
				console.log('======================')
				console.log(token)
				console.log(userInfo)
				if(!userInfo || token==''){
					console.log('wx=============================5')
					uni.navigateTo({
						url:'/pages/login/loginWx'
					})
					return;
				}
				
				
				var defaultWorksite = uni.getStorageSync('defaultWorksite');
				console.log(defaultWorksite)
				if(defaultWorksite){
					var worksiteInfo = JSON.parse(defaultWorksite);
					if(!worksiteInfo.project_id || worksiteInfo.project_id==0){
						console.log('wx=============================6')
						uni.navigateTo({
							url:'/pages/login/loginWx'
						})
						return;
					}
				}else{
					console.log('wx============================7')
					uni.navigateTo({
						url:'/pages/login/loginWx'
					})
					return;
				}
				
				
				
				let platform = uni.getSystemInfoSync().platform;
				console.log(platform)
				
				
				// #ifdef MP-WEIXIN
				if(userInfo['is_vip_str']=='--'){
					if(platform== 'android' || platform=='devtools'){
						uni.navigateTo({
							url:'/pagesOther/user/vipHome'
						})
					}else{
						// uni.navigateTo({
						// 	url:'/pagesOther/user/articleDetail?id=77'
						// })
						
						uni.navigateTo({
							url:'/pages/message/imgGzh'
						})
					}
					
					return false;
				}else{
					return true;
				}
				// #endif
				// #ifdef APP-PLUS
				if(userInfo['is_vip_str']=='--'){
					
					uni.navigateTo({
						url:'/pages/message/imgGzh'
					})
					return
					
					uni.navigateTo({
						url:'/pagesOther/user/articleDetail?id=77'
					})
					return false;
					uni.navigateTo({
						url:'/pages/user/userInfo'
					})
					return false;
				}else{
					return true;
				}
				// #endif
					
			},
			// 页面跳转
			goPage(url) {
				var _this=this;
				
				var statusRole=this.vipRole();
				if(!statusRole){
					return;
				}
				uni.navigateTo({
					url: url
				})
			},

			// 获取记工最新消息
			getRecordNew() {
				var _this = this;
				_this.$u.get('/api/user.message/lastMessage', {
					type: 'record',
				}).then(res => {
					uni.hideLoading();
					console.log("==获取记工最新消息==");
					console.log(res);
				}).catch(res => {
					console.log(res);
				})
			},

			/**
			 * 获取信息完善提示
			 */
			getDesktop() {
				var _this = this;
				_this.$u.get('/api/user.message/desktop', {}).then(res => {
					uni.hideLoading();
					console.log("==获取信息完善提示==")
					console.log(resData)
					var resData = res.data;
					if (resData == 2) {
						_this.authShow = true;
					}
				}).catch(res => {
					console.log(res);
				})
			},
			
			
			
			// 检查版本更新
			getVersion() {
				let _this = this;
				let platform = uni.getSystemInfoSync().platform;
			
				_this.$u.get('/api/extend/version', {
					type: platform,
				}).then(res => {
			
					// 下载地址
					_this.downloadUrl = res.data.android.url;
					_this.downloadUrlIos = res.data.ios.url;
			
					// 对比版本
					_this.versionNo_old = getApp().globalData.versionNo; // 老版本
					_this.versionNo_old_ios = getApp().globalData.versionNoIos;
					_this.versionNo_new = res.data.android.versions; // 新版本
					_this.versionNo_new_ios = res.data.ios.versions; // 新版本
			
					console.log('====android====')
					console.log(_this.versionNo_new)
					console.log(_this.versionNo_old)
					if (_this.versionNo_new != _this.versionNo_old && platform == 'android') {
						uni.showModal({
							title: "发现新版本",
							content: "确认下载更新",
							success: (res) => {
								if (res.confirm == true) { //当用户确定更新，执行更新
									_this.downloadApp(_this.downloadUrl);
								}
							}
						})
					}
			
					if (_this.versionNo_new_ios != _this.versionNo_old_ios && platform == 'ios') {
						uni.showModal({
							title: "发现新版本",
							content: "确认下载更新",
							success: (res) => {
								if (res.confirm == true) { //当用户确定更新，执行更新
			
									plus.runtime.launchApplication({
										action: _this.downloadUrlIos
									}, function(e) {
										console.log('Open system default browser failed: ' + e
											.message);
									});
			
								}
							}
						})
					}
				}).catch(res => {
					console.log(res);
				})
			},
			
			// 下载更新
			downloadApp(downloadUrl) {
				
				// 执行下载
				uni.downloadFile({
					url: downloadUrl,
					success: (downloadRes) => {
						uni.hideLoading();
						if (downloadRes.statusCode == 200) {
							uni.showModal({
								title: '更新成功',
								content: '是否现在重启吗？',
								confirmText: '重启',
								confirmColor: '#EE8F57',
								success: function(res) {
									if (res.confirm == true) {
										//安装
										plus.runtime.install(
											downloadRes.tempFilePath, {
												force: true
											},
											function(res) {
												utils.showToast('更新成功，重启中');
												plus.runtime.restart();
											}
										);
									}
								}
							});
						}
					}
				});
			},
		}
	}
</script>

<style scoped lang="scss">
	// 默认工地信息
	.projectDefault_box {
		padding: 30rpx;
		border-radius: 20rpx;
		background-color: $uni-color-white;
		overflow: hidden;
		margin-bottom: 20rpx;
	}

	.projectInfo_con {
		padding-bottom: 30rpx;
		overflow: hidden;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.projectSwitch {
		overflow: hidden;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.projectIcon {
		width: 42rpx;
		height: 42rpx;
	}

	.projectName {
		font-size: 32rpx;
		font-weight: bold;
		color: $uni-color;
		margin: 0 20rpx;
	}

	.projectMonth {
		font-size: 32rpx;
		font-weight: bold;
		color: $uni-color;
		margin-right: 20rpx;
	}

	.projectStats_con {
		overflow: hidden;
	}

	.statsList_con {
		height: 200rpx;
		background: #f0f6ff;
		border: 2rpx solid #cce0ff;
		border-radius: 10rpx 10rpx 0 0;
		box-sizing: border-box;
		overflow: hidden;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.projectStats_con .statsItem {
		flex: 1;
		text-align: center;
	}

	.projectStats_con .statsLabel {
		font-size: 28rpx;
		color: #8B8A90;
	}

	.projectStats_con .statsMoney {
		font-size: 56rpx;
		font-weight: bold;
		color:#000;
		margin-top: 20rpx;
	}
	
	.overHout{
		font-size: 28rpx;
		color: #f00;
	}
	.projectStats_con .statsMoney .num {
		font-size: 28rpx;
	}

	.projectStats_con .statsLine {
		width: 2rpx;
		height: 60rpx;
		background-color: #CCE0FF;
	}

	.projectStats_con .statsMoney_con {
		height: 90rpx;
		padding: 0 0 0 30rpx;
		background: #327fe8;
		border-radius: 0 0 10rpx 10rpx;
		box-sizing: border-box;
		overflow: hidden;
		display: flex;
		align-items: center;
	}

	.projectStats_con .statsMoney_con image {
		width: 30rpx;
		height: 30rpx;
	}

	.projectStats_con .statsMoney_con text {
		font-size: 28rpx;
		color: #fff;
		margin-left: 20rpx;
	}

	/* 菜单 */
	.menuBox_box {
		padding: 0 30rpx;
		background-color: $uni-color-white;
		overflow: hidden;
		margin-bottom: 20rpx;
	}

	.menuHead_con {
		padding: 40rpx 0;
		font-size: 32rpx;
		font-weight: bold;
		color: $uni-color;
	}

	.menuList_con {
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.menuItem {
		width: 25%;
		text-align: center;
		overflow: hidden;
		margin-bottom: 30rpx;
	}

	.menuItem .menuIcon {
		width: 100%;
	}

	.menuItem .menuIcon image {
		width: 100rpx;
		height: 100rpx;
	}

	.menuItem .menuName {
		font-size: 36rpx;
		color: $uni-color;
		margin-top: 10rpx;
		// font-weight: bold;
	}

	// 信息完善提示弹窗
	.authPop_box {
		width: 100%;
		height: 100vh;
		background-color: rgba(1, 2, 4, 0.6);
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 99999;
	}

	.authPop_con {
		width: 600rpx;
		height: 760rpx;
		background: url('/static/index/authBg.png');
		background-size: cover;
		position: relative;
		border-radius: 40rpx;
	}

	.authIcon {
		width: 150rpx;
		height: 150rpx;
		position: absolute;
		left: 0;
		right: 0;
		top: -75rpx;
		margin: 0 auto;
	}

	.authIcon image {
		width: 100%;
		height: 100%;
	}

	.authTit {
		font-size: 36rpx;
		font-weight: bold;
		color: $uni-color;
		text-align: center;
		margin-top: 110rpx;
	}

	.authDesc {
		padding: 0 100rpx;
		font-size: 30rpx;
		color: #000;
		text-align: center;
		margin-top: 40rpx;
		font-weight: bold;
	}

	.authHandle {
		width: 100%;
		height: 90rpx;
		font-size: 28rpx;
		text-align: center;
		padding: 0 30rpx;
		box-sizing: border-box;
		overflow: hidden;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 30rpx;
	}

	.authCancel {
		flex: 1;
		height: 90rpx;
		line-height: 90rpx;
		color: $uni-color-text;
		border: 2rpx solid #e2e2e2;
		box-sizing: border-box;
		border-radius: 10rpx;
		margin-right: 20rpx;
	}
	
	.authCancelClose{
		width: 80rpx;
		height: 80rpx;
		line-height: 80rpx;
		margin: 50rpx auto;
		background-color: rgba(255,255, 255, 0.6);
		border-radius: 500rpx;
		text-align: center;
		color: #000;
		border: 0;
		position: fixed;
		bottom: 50rpx;
		z-index: 99999;
		left: 50%;
		margin-left: -40rpx;
	}

	.authConfirm {
		flex: 1;
		height: 90rpx;
		line-height: 90rpx;
		color: #fff;
		border: 2rpx solid #e2e2e2;
		box-sizing: border-box;
		border-radius: 10rpx;
		background-color: $uni-color-active;
	}
	.authText{
		background-color: #f8fcff;
		width: 500rpx;
		margin: 20rpx auto 0 auto;
		padding: 20rpx;
	}
	.authText text{
		display: block;
		font-size: 24rpx;
		line-height: 50rpx;
		
	}

	/* 卡片 */
	.cardItem {
		border-radius: 20rpx;
		background-color: #F5F6F8;
		margin: 30rpx auto;
		width: 690rpx;
		padding: 30rpx 20rpx;
		font-size: 28rpx;
		overflow: hidden;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.cardItem:last-child {
		border-bottom: 0;
	}

	.cardLabel {
		flex: 2;
		color: #000000;
	}

	.cardNum {
		margin-right: 10rpx;
	}

	.qiandao {
		text-align: center;
		color: #1a96e8;
		text-decoration: underline;
	}

	// 视频弹窗
	.videoPop_con {
		padding: 0 30rpx;
	}

	.videoHead {
		padding: 25rpx 0;
		font-size: 32rpx;
		overflow: hidden;
	}

	.videoCon {
		padding-bottom: 30rpx;
		overflow: hidden;
	}

	.videoCon image {
		width: 100%;
	}

	// 引导弹窗
	.guideMask_box {
		width: 100%;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.5);
		position: fixed;
		left: 0;
		top: 0;
		z-index: 10000;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.guideMask_con {
		width: 690rpx;
		height: 100%;
		position: relative;
	}

	.guideDesktop_con {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		z-index: 10001;
		margin: 0 auto;
	}

	.desktopArrow {
		width: 278rpx;
		height: 278rpx;
		transform: translateX(110%);
	}

	.desktopText {
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.desktopText text {
		font-size: 28rpx;
		color: #fff;
	}

	.guidePost_con {
		width: 100%;
		overflow: hidden;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: absolute;
		left: 0;
		bottom: 100rpx;
		z-index: 10010;
	}

	.passBtn {
		width: 200rpx;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		color: #fff;
		font-size: 32rpx;
		font-weight: bold;
		border: 2rpx dashed #fff;
		border-radius: 10rpx;
		overflow: hidden;
	}

	.nextBtn {
		width: 690rpx;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		color: #fff;
		font-size: 32rpx;
		font-weight: bold;
		border: 2rpx dashed #fff;
		border-radius: 10rpx;
		overflow: hidden;
	}
	
	.projectType{
		font-size: 28rpx;
		background-color: #CCE0FF;
		padding: 10rpx 20rpx;
		border-radius: 10rpx;
	}
	
	.vipShowBg{
		width: 100%;
		height: 100vh;
		position: fixed;
		z-index: 999;
		top: 0rpx;
		left:0;
		background: rgba(0, 0, 0, 0.3);
	}
	.vipShow{
		position: fixed;
		z-index: 9999;
		top: 100rpx;
		left: 10%;
		width: 80%;
		
	}
	.vipShow image{
		width: 100%;
		max-height: 70vh;
	}
	.vipBtn .authCancel{
		color: #000;
		background-color: #fff;
	}
</style>
